<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.css">
	<link rel="stylesheet" href="temas/clasico.css">
	
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>	
	<script type="text/javascript" src="js/jquery.mobile-1.3.0.js"></script>
	<script type="text/javascript" src="js/cordova-2.5.0.js" charset="utf-8" ></script>

	<script type="text/javascript" charset="utf-8">	
		
		function iniciar() {			
			document.addEventListener("deviceready", dispositivoListo, false);			
		}
	
		function dispositivoListo() {
						
		}
		
		function saveData(){			
			var u = $("#username").val();
			window.localStorage.setItem("USERNAME", u);
			alert("Done!");
		}
        
	</script>
</head>

<body onload="iniciar()">

	<div data-role="page" data-theme="a">
	
		<div data-role="header" data-position="fixed">		
			<h1>PI PhoneGap</h1>
		</div>
		
		<div data-role="content">
			<p>Ejemplo de Almacenamiento</p>
				
			<form>
				<input type="text" id="username"/>
				<a href="#" onclick="saveData()" data-role="button">Save data</a>
			</form>
			
		</div>
		
		<div data-role="footer" data-position="fixed">
			<h1>RCondezo &copy; 2013</h1>
		</div>
	</div>
	
</body>

</html>